.columndetail {
	@include flexbox();
	@include flex-direction(column);
	height: 100%;
	header {
		@include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
		i {
			width: 30px;
			background: url(image/icon_return.png) no-repeat center;
			background-size: 100%;
		}
		div {
			@include flex();
			margin-right: 30px;
            text-align: center;
            font-size: 18px;
		}
	}
	.border {
		width: 100%;
		height: 8px;
		background: #F6F6F6;
	}
	.border5 {
		width: 100%;
		height: 5px;
		background: #F6F6F6;
	}
	.top {
		@include flexbox();
		padding: 15px;
		.right {
			// @include flex();
            // margin-left: 15px;
            flex: 1;
            width: .1px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin-left: 15px;



			h3 {
				width: 90%;
				width: calc(100% - 10px);
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-size:16px;
				color: rgb(51,51,51);
			}
			span {
				display: block;
				@include flexbox();
				font-size:13px;
				color: rgb(156,156,156);
				b {
					@include flex();
					display: inline-block;
					color: rgb(49,118,188);
					margin-left: 5px;
					white-space:nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
				}
			}
			p {
				font-size: 13px;
				color: rgb(156,156,156);
				b {margin-left: 5px;}
			}
			.price {
				@include flexbox();
				img {
					margin-top: 6px;
				}
				b {
					font-family: HelveticaGre;
                    font-size: 17px;
                    font-weight: normal;
					color:#f79c0e;
					margin-left: 5px;
				}
			}
			i.subscribe {
				display: block;
				text-align: center;
				margin-top: 11px;
				margin-left: -5px;
				width: 95px;
				height: 30px;
				font-size: 17px;
				line-height: 30px;
				background:#38ea9d;
				color: #fff;
				border-radius: 20px;
			}
		}
	}
	.nav {
		@include flexbox();
		line-height:50px;
		div {
			@include flex();
			text-align: center;
			a {
				display: block;
				margin: auto;
				width: 50%;
				font-size: 16px;
				color: rgba(51,51,51,.6);
				&.active {
					color: #38ea9d;
					border-bottom: 2px solid #38ea9d;
				}
				b {font-weight: normal;}
			}
		}
	}
	.swipe {
		@include flex();
		width: 100%;
		overflow-y: scroll;
	}

}